﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <!--#include virtual="././_header_base.html"-->
    <body>
        <div id="wrap">
            <!--#include virtual="././_header.html"-->

			<!-- (s) Body 영역 (s) -->
            <div class="container" style="width:100%">
                <!--#include virtual="././_left.html"-->
                
                <div class="col-sm-8" >


<!-- (s) 페이지 Html (s) -->

<style type="text/css">
    #tbBackLogList { font-size : 12px }
    #tbBackLogList tbody tr { cursor: pointer; }
    #tbBackLogList thead tr { cursor: pointer; }

    /* BootStrap modal */
    .modal { overflow: visible; }
    .modal-body { overflow-y: visible; }
</style>

<script type="text/javascript">
    $(document).ready(function () {
        $(".dropdown-menu li a").click(function () {
            $("#txtCategory").text($(this).text());
            $("#txtCategory").attr("data-value", $(this).attr("data-value"));
        });

        // 저장 버튼 클릭시
        $("#btnSave").click(function () {

            var idxVal = $("#hidIdx").val();
            var typeVal = $("#rbTypeGroup").find("label.active").attr("data-value");
            var categoryVal = $("#txtCategory").attr("data-value");
            var titleVal = escape(htmlEscape($("#txtTitle").val()));
            var stateVal = $("#rbStateGroup").find("label.active").attr("data-value");

        });

        // row 더블클릭시
        $("#tbodyBackLogList tr").on("dblclick", function () {
            var idxVal = $(this).attr("data-idx");
            var typeVal = $(this).find("[data-backlog-type]").attr("data-backlog-type");
            var stateVal = $(this).find("[data-backlog-state]").attr("data-backlog-state");
            var titleVal = htmlUnescape(unescape($(this).find("[data-backlog-title]").attr("data-backlog-title")));
            var cateVal = $(this).find("[data-backlog-category]").attr("data-backlog-category");

            $("#hidIdx").val(idxVal);
            setBootRadioCheck("rbTypeGroup", typeVal);
            setBootDropDownSelectedItem("ulCategory", "txtCategory", cateVal);
            $("#txtTitle").val(titleVal);
            setBootRadioCheck("rbStateGroup", stateVal);

            $("#divRegist").modal("show");
        });

        // 삭제버튼 클릭시
        $("#btnRemove").on("click", function() {
            bootbox.confirm("정말로 삭제하시겠습니까?", function (result) {
                
            });
        });

        $("#tbBackLogList").disableSelection();
    });

    function search(event) {
        var code = (event.keyCode ? event.keyCode : event.which);
        if (code == 13) {
            location.href = "/backlog/getbackloglist?keyword=" + $("#txtSearch").val() + "&searchtype=title";
        }
    }
</script>
<div class="bs-callout bs-callout-info">
    <h2>BackLog</h2>
</div>

    <div style="padding: 10px 0 10px 0; width: 100%; text-align: right" >
        <button type="button" class="btn btn-sm btn-info" data-toggle="modal" data-target="#divRegist">등록</button>
        <button id="btnRemove" type="button" class="btn btn-sm btn-danger">삭제</button>
    </div>
<div class="table-responsive">
    <table id="tbBackLogList" class="table table-bordered table-hover table-condensed">
        <thead id="theadBackLogList">
            <tr class="info" >
                <th class="text-center" style="width:50px;">#</th>
                <th class="text-center col-xs-1">유형</th>
                <th class="text-center col-xs-1">상태</th>
                <th class="text-center col-xs-6" id="thTitle" >제목</th>
                <th class="text-center col-xs-2">변경</th>
                <th class="text-center col-xs-1">범주</th>
            </tr>
        </thead>
        <tbody id="tbodyBackLogList">
                    <tr data-idx="35">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="35" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="FaceBook%20%uC5F0%uB3D9" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('FaceBook%20%uC5F0%uB3D9')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-06 </td>
                        <td class="text-center" data-backlog-category="04">공통</td>
                    </tr>
                    <tr data-idx="34">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="34" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="1">New</td>
                        <td data-backlog-title="%uBCA0%uB108%20%uAD50%uCCB4" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('%uBCA0%uB108%20%uAD50%uCCB4')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-06 (+3)</td>
                        <td class="text-center" data-backlog-category="04">공통</td>
                    </tr>
                    <tr data-idx="33">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="33" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="google%20anlysis%20%uC801%uC6A9" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('google%20anlysis%20%uC801%uC6A9')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-06 </td>
                        <td class="text-center" data-backlog-category="04">공통</td>
                    </tr>
                    <tr data-idx="32">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="32" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="1">New</td>
                        <td data-backlog-title="%uD504%uB85C%uD544%20%uC601%uC5ED%uC5D0%20%uD55C%uC904%uC4F0%uAE30%20%uAE30%uB2A5%20%uCD94%uAC00" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('%uD504%uB85C%uD544%20%uC601%uC5ED%uC5D0%20%uD55C%uC904%uC4F0%uAE30%20%uAE30%uB2A5%20%uCD94%uAC00')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-04 (+4)</td>
                        <td class="text-center" data-backlog-category="04">공통</td>
                    </tr>
                    <tr data-idx="31">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="31" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="1">New</td>
                        <td data-backlog-title="%uC784%uC2DC%uC800%uC7A5%20%uAE30%uB2A5%20%uAC1C%uBC1C" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('%uC784%uC2DC%uC800%uC7A5%20%uAE30%uB2A5%20%uAC1C%uBC1C')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-04 (+4)</td>
                        <td class="text-center" data-backlog-category="01">대표 게시판</td>
                    </tr>
                    <tr data-idx="29">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="29" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="1">New</td>
                        <td data-backlog-title="새글 등록시 카카오톡 연동 알림 개발" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('새글 등록시 카카오톡 연동 알림 개발')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-04 (+5)</td>
                        <td class="text-center" data-backlog-category="04">공통</td>
                    </tr>
                    <tr data-idx="28">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="28" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="1">New</td>
                        <td data-backlog-title="구인구직 트래킹 영역에 댓글 기능 추가" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('구인구직 트래킹 영역에 댓글 기능 추가')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-04 (+5)</td>
                        <td class="text-center" data-backlog-category="06">연구소</td>
                    </tr>
                    <tr data-idx="27">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="27" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="1">New</td>
                        <td data-backlog-title="검색 영역 개발" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('검색 영역 개발')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-04 (+5)</td>
                        <td class="text-center" data-backlog-category="02">백로그</td>
                    </tr>
                    <tr data-idx="26">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="26" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="1">New</td>
                        <td data-backlog-title="2048 웹게임 개발" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('2048 웹게임 개발')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-04 (+5)</td>
                        <td class="text-center" data-backlog-category="06">연구소</td>
                    </tr>
                    <tr data-idx="25">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="25" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="페이징 추가 및 기타 버그 수정, 사용자 편의 개선" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('페이징 추가 및 기타 버그 수정, 사용자 편의 개선')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-04 </td>
                        <td class="text-center" data-backlog-category="03">방명록</td>
                    </tr>
                    <tr data-idx="24">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="24" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="사이트 실도메인 적용 및 가오픈" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('사이트 실도메인 적용 및 가오픈')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-02 </td>
                        <td class="text-center" data-backlog-category="04">공통</td>
                    </tr>
                    <tr data-idx="23">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="23" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="방명록 공통화 처리" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('방명록 공통화 처리')));
                            </script>
                        </td>
                        <td class="text-center">2014-06-25 </td>
                        <td class="text-center" data-backlog-category="03">방명록</td>
                    </tr>
                    <tr data-idx="22">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="22" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="Contract us 개발하기" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('Contract us 개발하기')));
                            </script>
                        </td>
                        <td class="text-center">2014-06-13 </td>
                        <td class="text-center" data-backlog-category="05">Contract us</td>
                    </tr>
                    <tr data-idx="21">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="21" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="좌측 상단 메인키워드 영역 개발" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('좌측 상단 메인키워드 영역 개발')));
                            </script>
                        </td>
                        <td class="text-center">2014-06-08 </td>
                        <td class="text-center" data-backlog-category="04">공통</td>
                    </tr>
                    <tr data-idx="20">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="20" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="카테고리명을 검색 메타테그로 지정되도록 개발" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('카테고리명을 검색 메타테그로 지정되도록 개발')));
                            </script>
                        </td>
                        <td class="text-center">2014-06-03 </td>
                        <td class="text-center" data-backlog-category="01">대표 게시판</td>
                    </tr>
                    <tr data-idx="19">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="19" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="오른쪽 캘린더에 보여지는 데이터에 Caching 정책 적용 (공통화)" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('오른쪽 캘린더에 보여지는 데이터에 Caching 정책 적용 (공통화)')));
                            </script>
                        </td>
                        <td class="text-center">2014-06-03 </td>
                        <td class="text-center" data-backlog-category="01">대표 게시판</td>
                    </tr>
                    <tr data-idx="18">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="18" /></td>
                        <td class="text-center" data-backlog-type="2" >Defact</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="등록 / 수정 기능 수정" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('등록 / 수정 기능 수정')));
                            </script>
                        </td>
                        <td class="text-center">2014-06-03 </td>
                        <td class="text-center" data-backlog-category="01">대표 게시판</td>
                    </tr>
                    <tr data-idx="17">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="17" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="Pager Design 바꾸기" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('Pager Design 바꾸기')));
                            </script>
                        </td>
                        <td class="text-center">2014-05-28 </td>
                        <td class="text-center" data-backlog-category="01">대표 게시판</td>
                    </tr>
                    <tr data-idx="16">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="16" /></td>
                        <td class="text-center" data-backlog-type="2" >Defact</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="%uD2B9%uC218%uBB38%uC790%20%26%2339%3B%26lt%3B%26%2339%3B%uAD00%uB828%20%uBC84%uADF8%20%uC218%uC815" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('%uD2B9%uC218%uBB38%uC790%20%26%2339%3B%26lt%3B%26%2339%3B%uAD00%uB828%20%uBC84%uADF8%20%uC218%uC815')));
                            </script>
                        </td>
                        <td class="text-center">2014-07-04 </td>
                        <td class="text-center" data-backlog-category="02">백로그</td>
                    </tr>
                    <tr data-idx="15">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="15" /></td>
                        <td class="text-center" data-backlog-type="2" >Defact</td>
                        <td class="text-center" data-backlog-state="1">New</td>
                        <td data-backlog-title="StructureMap ↔ log4net 간 충돌로 인한 Unity DI Resolver 적용" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('StructureMap ↔ log4net 간 충돌로 인한 Unity DI Resolver 적용')));
                            </script>
                        </td>
                        <td class="text-center">2014-05-25 (+44)</td>
                        <td class="text-center" data-backlog-category="04">공통</td>
                    </tr>
                    <tr data-idx="14">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="14" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="날짜별 디스플레이 리스트 개발(켈린더 이용)" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('날짜별 디스플레이 리스트 개발(켈린더 이용)')));
                            </script>
                        </td>
                        <td class="text-center">2014-06-03 </td>
                        <td class="text-center" data-backlog-category="01">대표 게시판</td>
                    </tr>
                    <tr data-idx="13">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="13" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="카테고리별 디스플레이 리스트 개발" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('카테고리별 디스플레이 리스트 개발')));
                            </script>
                        </td>
                        <td class="text-center">2014-05-25 </td>
                        <td class="text-center" data-backlog-category="01">대표 게시판</td>
                    </tr>
                    <tr data-idx="12">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="12" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="1">New</td>
                        <td data-backlog-title="백로그 상세내역 개발" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('백로그 상세내역 개발')));
                            </script>
                        </td>
                        <td class="text-center">2014-05-25 (+44)</td>
                        <td class="text-center" data-backlog-category="02">백로그</td>
                    </tr>
                    <tr data-idx="11">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="11" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="예외 / 시스템 정보 로그 쌓는 라이브러리 개발" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('예외 / 시스템 정보 로그 쌓는 라이브러리 개발')));
                            </script>
                        </td>
                        <td class="text-center">2014-05-25 </td>
                        <td class="text-center" data-backlog-category="04">공통</td>
                    </tr>
                    <tr data-idx="10">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="10" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="좌측 상단 사용자 프로필 영역 개발" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('좌측 상단 사용자 프로필 영역 개발')));
                            </script>
                        </td>
                        <td class="text-center">2014-05-16 </td>
                        <td class="text-center" data-backlog-category="04">공통</td>
                    </tr>
                    <tr data-idx="9">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="9" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="3">Complete</td>
                        <td data-backlog-title="좌/우측 영역에 대한 기획" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('좌/우측 영역에 대한 기획')));
                            </script>
                        </td>
                        <td class="text-center">2014-05-15 </td>
                        <td class="text-center" data-backlog-category="01">대표 게시판</td>
                    </tr>
                    <tr data-idx="8">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="8" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="5">Hold Off</td>
                        <td data-backlog-title="페이징(더보기) 만들기 (중요도 낮아서 보류)" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('페이징(더보기) 만들기 (중요도 낮아서 보류)')));
                            </script>
                        </td>
                        <td class="text-center">2014-05-12 </td>
                        <td class="text-center" data-backlog-category="02">백로그</td>
                    </tr>
                    <tr data-idx="7">
                        <td class="text-center"><input name="chkIds" type="checkbox" value="7" /></td>
                        <td class="text-center" data-backlog-type="1" >To-Be</td>
                        <td class="text-center" data-backlog-state="5">Hold Off</td>
                        <td data-backlog-title="정렬 및 검색 만들기 (중요도 낮아서 보류)" >
                            <script type="text/javascript">
                                document.write(htmlUnescape(unescape('정렬 및 검색 만들기 (중요도 낮아서 보류)')));
                            </script>
                        </td>
                        <td class="text-center">2014-05-12 </td>
                        <td class="text-center" data-backlog-category="02">백로그</td>
                    </tr>

        </tbody>
    </table>
    
    <!-- (s) Insert data Modal -->
    <div class="modal fade" id="divRegist" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel"><span class="glyphicon glyphicon-plus"></span> 백로그 등록하기</h4>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="hidIdx" name="hidIdx" value="" />
                    <div>
                        <label><b>유형</b></label>
                    </div>
                    <div id="rbTypeGroup"  class="btn-group" data-toggle="buttons">
                        <label class="btn btn-sm btn-primary active" data-value="1" >
                            <input type="radio" name="rbType" id="rbType1" > To-Be
                        </label>
                        <label class="btn btn-sm btn-primary" data-value="2" >
                            <input type="radio" name="rbType" id="rbType2" > Defact
                        </label>
                    </div>
                    <div style="padding:10px 0 5px 0" >
                        <label><b>카테고리</b></label>
                    </div>
                
                    <div class="dropdown">
                        <button class="btn dropdown-toggle" type="button" id="btnCategory" data-toggle="dropdown">
                            <abbr id="txtCategory" data-value="" >선택하세요.</abbr>
                            <span class="caret"></span>
                        </button>
                        <ul id="ulCategory" class="dropdown-menu" role="menu" aria-labelledby="btnCategory">
                                <li role="presentation"><a role="menuitem" tabindex="-1" data-value="01" href="#" onclick="return false;" >대표 게시판</a></li>    
                                <li role="presentation"><a role="menuitem" tabindex="-1" data-value="02" href="#" onclick="return false;" >백로그</a></li>    
                                <li role="presentation"><a role="menuitem" tabindex="-1" data-value="03" href="#" onclick="return false;" >방명록</a></li>    
                                <li role="presentation"><a role="menuitem" tabindex="-1" data-value="05" href="#" onclick="return false;" >Contract us</a></li>    
                                <li role="presentation"><a role="menuitem" tabindex="-1" data-value="06" href="#" onclick="return false;" >연구소</a></li>    
                                <li role="presentation"><a role="menuitem" tabindex="-1" data-value="04" href="#" onclick="return false;" >공통</a></li>    
                        </ul>
                    </div>
                
                    <div style="padding:10px 0 5px 0" >
                        <label><b>제목</b></label>
                    </div>
                    <input type="text" id="txtTitle" name="txtTitle" class="form-control input-sm" placeholder="내용을 입력해주세요." >

                    <div style="padding:10px 0 5px 0" >
                        <label><b>상태</b></label>
                    </div>
                    <div id="rbStateGroup" class="btn-group" data-toggle="buttons">
                        <label class="btn btn-sm btn-primary active" data-value="1" >
                            <input type="radio" name="rbState" id="rbState1" > New
                        </label>
                        <label class="btn btn-sm btn-primary" data-value="2">
                            <input type="radio" name="rbState" id="rbState2" > Progressing
                        </label>
                        <label class="btn btn-sm btn-primary" data-value="3">
                            <input type="radio" name="rbState" id="rbState3" > Complete
                        </label>
                        <label class="btn btn-sm btn-primary" data-value="4">
                            <input type="radio" name="rbState" id="rbState4" > ReIssue
                        </label>
                        <label class="btn btn-sm btn-primary" data-value="5">
                            <input type="radio" name="rbState" id="rbState5" > Hold Off
                        </label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" id="btnSave" class="btn btn-primary"><b>Save changes</b></button>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- (e) 페이지 Html (e) -->

                </div>
                
                <!--#include virtual="././_right_board.html"-->
            </div>
            <!-- (e) Body 영역 (e) -->

        </div>
		<!--#include virtual="././_footer.html"-->
    </body>
</html>
